$(function () {
    findByItem(1);
});

/**
 * 分页查询
 * @param pageNO 页码
 */
function findByItem(pageNO) {
    $.post("/product/findByItem",$("#searchForm").serialize()+"&pageNO="+pageNO,function (pageInfo) {
        var str = "";
        for(var i=0;i<pageInfo.list.length;i++){
            var obj = pageInfo.list[i];
            str += `<div class='layui-col-md3' style="text-align: center">
                       <img src="/html/productImg/${obj.imgPath}" width="200" height="260"><br>
                       ${obj.name}<br>
                       单价：${obj.price}<br>
                       已售出：${obj.sellNum}<br>
                       <a class="layui-btn layui-btn-primary" href="/html/user/shopCar.html?id=${obj.id}">购买</a>
                    </div>`;
        }
        $("#productDiv").html(str);

        if(pageNO == 1){
            layui.use('laypage', function(){
                var laypage = layui.laypage;

                //执行一个laypage实例
                laypage.render({
                    elem: 'cutPageDiv' //注意，这里的 test1 是 ID，不用加 # 号
                    ,count: pageInfo.total, //数据总数，从服务端得到
                    limit:3,
                    jump:function (obj,first) {
                        if(!first){
                            findByItem(obj.curr);
                        }
                    }
                });
            });
        }
    });
}